<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<%-- 
	DBEXEL is a Database Backed & Web-Based Worksheet and chart management program. 
 	It has been influenced by Excel.
 	For questions or suggestions please contact the developper at ( Development@Gandomi.com )
 	Copyright (C) 2011 Baubak Gandomi   
 
 	This file is part of the application DBEXEL
 
 	DBEXEL is free software: you can redistribute it and/or modify
 	it under the terms of the GNU General Public License as published by
 	the Free Software Foundation, either version 3 of the License, or
 	(at your option) any later version.
 
 	DBEXEL is distributed in the hope that it will be useful,
 	but WITHOUT ANY WARRANTY; without even the implied warranty of
 	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 	GNU General Public License for more details.
 
 	You should have received a copy of the GNU General Public License
 	along with this program.  If not, see <http://www.gnu.org/licenses/>.
 --%>

<%@taglib prefix="s" uri="/struts-tags"%>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="pageName" content="Edit WorkSheet Entry">
<meta name="main_actor.name" content="">
<meta name="main_actor.id"
	content="<s:property value="selectedEntryId"/>">

<title>Update Worksheet Entry</title>

<script src="js/jquery-1.7.1.min.js"></script>

</head>
<body>

	<s:form theme="simple">
		<s:hidden name="workSheet_Id" />
		<table border="1" id="parentTable">
			<tr>
				<td>
					<table id="contentTable">
						<tr id="attrRow">
							<s:iterator value="workSheet.attributes" var="currentAttribute">
								<th><s:property value="attrName" /></th>
							</s:iterator>
						</tr>
						<s:iterator value="workSheet.entries" var="currentEntry">

							<s:if test="entryId==selectedEntryId">
								<tr id="entryRow_editable">
									<s:hidden name="selectedEntryId" />
									 <s:iterator value="workSheet.attributes" var="currentAttribute">
										<td><s:textfield value="%{#currentEntry.findValueByAttribute(#currentAttribute).value}"
												name="%{'newAttributeValues['+#currentAttribute.attrId+']'}" /></td>
									</s:iterator>
							</s:if>
							<s:else>
								<tr id="entry_RO_<s:property value='entryId' />">
									<s:iterator value="fetchAttributeValues()">
										<td><s:property value="value" /></td>
									</s:iterator>
								</s:else>
							</tr>
						</s:iterator>
					</table>
				</td>

				<td>
					<button type="button" id="addAttrValue" >+</button>
				</td>
			</tr>
		</table>
		<s:submit />
	</s:form>
	
	<script>
		$(document)
				.ready(
						function() {
							var attrValueId = 0;

							$("#addAttrValue")
									.click(
											function() {

												$("#attrRow")
														.append(
																"<th><input name='newAddedAttributes["+attrValueId +"]'/></th>");
												$("#entryRow_editable")
														.append(
																"<td><input name='newAddedAttributeValues["+attrValueId +"]'/></td>");

												attrValueId = attrValueId + 1;
											});
						});
	</script>
	
</body>
</html>